import 'package:flutter/material.dart';
import 'package:photoxia/compant/Kbutton.dart';

import '../compant/Appcolor.dart';
import '../compant/Dividingline.dart';
import '../compant/Log_card.dart';
import 'SignUpTo.dart';

class SignUp extends StatefulWidget {
  const SignUp({super.key});

  @override
  State<SignUp> createState() => _SignUpState();
}

class _SignUpState extends State<SignUp> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: Padding(
        padding: const EdgeInsets.all(30.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            Text(
              "Sign up to PhotoXia",
              style: TextStyle(color: textColor, fontSize: 26),
              textAlign: TextAlign.center,
            ),
            Text(
              "I have hinted that I would often\n jerk po.",
              style: TextStyle(color: textGaryColor, fontSize: 16),
              textAlign: TextAlign.center,
            ),
            SizedBox(
              width: double.infinity,
            ),
            Kbutton(
              ontap: () {
                Navigator.push(context,
                    MaterialPageRoute(builder: (BuildContext context) {
                  return SignUpTo();
                }));
              },
              text: 'Sign Up with Email',
            ),
            Dividingline(),
            Log_card(
              image: 'assets/facebook.png',
              color: Color(0xff3B5998),
              text: 'Sign Up with Facebook',
            ),
            Log_card(
              image: 'assets/emile.png',
              color: Color(0xffF44336),
              text: 'Sign Up with Gmail',
            ),
            Log_card(
              image: 'assets/X.png',
              color: Color(0xff55ACEE),
              text: 'Sign Up with X',
            ),
            SizedBox(
              height: 200,
            )
          ],
        ),
      ),
    );
  }
}
